<template lang="html">
  <div class="mine-menu-list">
    <div class="mine-msg">
      <MineMenu :menuList="{title:'家人和朋友',icon:'icon-jiaren',value:1,mineRoute:'family'}"/>
      <MineMenu :menuList="{title:'消息',icon:'icon-xiaoxi',value:0,mineRoute:'settings'}"/>
    </div>
    <div class="mine-msg-list">
        <MineMenu v-for='(item,index) in menuListData' :key='index' :menuList='item' />
    </div>
  </div>
</template>

<script>
import MineMenu from '../../components/Mine/MineMenu'
export default {
  name:'MineMenuList',
  components:{
    MineMenu
  },
  data(){
    return{
      menuListData:[
        {
          title:'我的收藏',
          icon:'icon-shoucang',
          value:2,
          mineRoute:'settings'
        },
        {
          title:'我的订单',
          icon:'icon-dingdan',
          value:3,
          mineRoute:'order'
        },
        {
          title:'账号和其他',
          icon:'icon-zhanghao',
          value:4,
          mineRoute:'login'
        },
        {
          title:'在线客服',
          icon:'icon-zaixianfuwu',
          value:5,
          mineRoute:'online'
        },
        {
          title:'帮助和反馈',
          icon:'icon-bangzhu',
          value:6,
          mineRoute:'help'
        },
        {
          title:'设置',
          icon:'icon-jiaren',
          value:7,
          mineRoute:'settings'
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.mine-menu-list{
  margin-top: 0.44rem;
  .mine-msg{
    .mine-menu{
      margin-bottom: 0.32rem;
    }
  }
  .mine-msg-list{
    .mine-menu{
      margin-bottom: 0.02rem;
    }
  }
}
</style>
